.myMoney-main{
    .header-wrapper{
        position: relative;
        width: 100%;
        height: 5.66rem;
        @include background('~assets/image/money/mycountBg.png');
        overflow: hidden;
        .com-header{
            position: relative;
            background-color: rgba(0,0,0,0);
            color: #ffffff;
            .back{
                position: absolute;
                left: 0;
                width: 1.2rem;
                height: 100%;
                i{
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    @include background('~assets/image/money/back.png')
                }
            }
            .clear-all{
                position: absolute;
                right: 0.15rem;
                width: 1.5rem;
                height: 100%;
                color: #ffffff;
                font-size: 16px;
                i{
                    display: inline-block;
                    width: 20px;
                    height: 20px;
                    @include background('~assets/image/money/more.png')
                }
            }
        }
        .title{
            margin-top: .5rem;
            padding-left: .6rem;
            color: #ffffff;
            font-size: 0.36rem;
        }
        .content{
            margin-top: .15rem;
            position: relative;
            padding-left: .55rem;
            .count{
                font-size: 1.2rem;
                color: #ffffff;
            }
            .putforward-btn{
                position: absolute;
                top: .55rem;
                right: .55rem;
                width: 2.66rem;
                height: 0.97rem;
                font-size: 0.4rem;
                color: #ffffff;
                background-color: #ff933b;
                border-radius: 0.05rem;
            }
        }
        .footer{
            position: absolute;
            left: 0;
            bottom: 0;
            padding-left: .61rem;
            width: 100%;
            height: .9rem;
            line-height: .9rem;
            color: #ffffff;
            font-size: .36rem;
            background-color: #000000;
            opacity: .5;
        }
    }
    
    .wrapper{
       ul{
           li.day-item{
               border-bottom: 1px solid rgba(230,235,242,0.8);
               .header{
                    position: relative;
                    height: 1.48rem;
                    line-height: 1.48rem;
                    color: #525151;
                    font-size: 0.48rem;
                    box-sizing: border-box;
                    background-color: #ffffff;
                    .date{
                        position: relative;
                        left: .61rem;
                    }
                    .more-icon{
                        position: absolute;
                        top: .47rem;
                        right: .21rem;
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        @include background('~assets/image/money/xia.png')
                    }
                    .show-more{
                        @include background('~assets/image/money/shang.png')
                    }
               }
               .content{
                   background-color: #f5f7fa;
                   ul{
                       li{
                           position: relative;
                           padding-left: .61rem;
                           height: 1.5rem;
                           border-bottom: 1px solid rgba(200,200,200,0.15);
                           box-sizing: border-box;
                           &:last-child{
                               border: 0;
                           }
                           p{
                               color: #9096a1;
                               font-size: 0.3rem;
                           }
                           .left{
                                flex: 1;
                           }
                           .money{
                                flex: 1;
                                text-align: right;
                                .num{
                                    margin-right: .5rem;
                                }
                           }
                       }
                   }
               }
               
           }
       }
       
    }
    .no-wrapper{
        position: relative;
        margin:  3rem auto;
        width: 6rem;
        height: 6rem;
        i{
            display: inline-block;
            width: 100%;
            height: 100%;
            @include background(' ~assets/image/money/no.png');
            background-size: auto 100%;
        }
        button{
            position: absolute;
            right: 0;
            bottom: 0;
            width: 2rem;
            height: .6rem;
        }
    }
    .cover{
        background-color: rgba(0,0,0,0.5)
    }
    .rule-wrapper{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-58%);
        width: 9.17rem;
        height: 8.56rem;
        background-color: #ffffff;
        border-radius: 0.2rem; 
        overflow: hidden;
        z-index: 9999999999999;
        .header{
            position: relative;
            width: 100%;
            height: 0.98rem;
            background-color: #ff933b;
            .cancel{
                position: absolute;
                right: .2rem;
                top: .15rem;
                display: inline-block;
                width: 20px;
	            height: 20px;
                color: #ffffff;
                text-align: center;
            }
        }
        .content{
            width: 8.2rem;
            height: 6.4rem;
            margin: 0.5rem;
            box-sizing: border-box;
            font-size: 0.36rem;
            color: #333333;
            line-height: 0.5rem;
            overflow: auto;
            p{
                margin-bottom: .4rem;
            }
        }
    }
}